/* -------------------------
 * 全局样式主入口
 * ------------------------- */

// 1. 导入变量和混入
@use 'variables' as *;
@use 'mixins' as *;

// 2. 全局重置和基础样式
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,
body {
  height: 100%;
  overflow: hidden; // 避免页面出现滚动条，由内部容器控制滚动
}

body {
  font-family: Arial, sans-serif;
  font-size: $font-size-base;
  color: $text-color-primary;
  background-color: $bg-color;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

// 3. 全局辅助类 (可选)
.link {
  @include link-style;
}

#app {
  height: 100%;
}